.record_button {
        border-radius: 1em;
        background-color: #419944; /* Green */
        border: solid;
        color: white;
        padding: 0.5em 2em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        margin: 2px 2px;
        cursor: pointer;
    }

    .record_button_selected {
        border-radius: 1em;
        background-color: #47c04b; /* Green */
        border: solid;
        color: white;
        padding: 0.5em 2em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        margin: 2px 2px;
        cursor: pointer;
    }

    .update_button {
        border-radius: 1em;
        background-color: #40b040; /* Green */
        border: solid;
        color: white;
        padding: 0.5em 2em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        margin: 2px 2px;
        cursor: pointer;
    }

    .update_button:disabled,
    .update_button[disabled] {
        border-radius: 1em;
        background-color: #b0b0b0;
        cursor: not-allowed;
    }



    button:disabled,
    button[disabled]{
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }

    .large {
        font-size: 24px;
    }

    .blue {
        color: blue;
    }

    .large_blue {
        font-size: 24px;
        color: blue;
    }

    .large_green {
        font-size: 24px;
        color: green;
    }

    .show_hide_button {
        border-radius: 3em;
        background-color: #d0d0d0; /* Grey */
        border: solid;
        color: blue;
        padding: 0.5em 2em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        margin: 3px 3px;
        cursor: pointer;
    }

    .small_button {
        border-radius: 1em;
        background-color: #4CAF50; /* Green */
        border: solid;
        color: white;
        padding: 0.1em 1em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        margin: 2px 2px;
        cursor: pointer;
    }

    .product_button {
        border-radius: 1em;
        background-color: #4CAF50; /* Green */
        border: solid;
        color: white;
        padding: 0.5em 2em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        margin: 4px 2px;
        cursor: pointer;
    }





    td {
        vertical-align: top;
        padding: 6px ;
    }

    td.fitwidth {
        width: 1px;
        white-space: nowrap;
    }

    th {
        text-align: center;
        padding: 6px ;
    }

    th.fitwidth {
        width: 1px;
        white-space: nowrap;
    }

    td.border{
        border: 1px solid #808080;
        text-align: center;
    }
    th.border{
        border: 1px solid #808080;
        text-align: center;
    }

    .gray {
        background-color: #cccccc;
    }

    .align_right {
        text-align: right;;
    }



    /* rotate table headers */
    th.rotate {
        /* Something you can count on */
        height: 160px;
        white-space: nowrap;
      }

      th.rotate > div {
        transform:
          /* Magic Numbers */
          /* 45 is really 360 - 45 */
          translate3d(25px, 51px, 0) rotate(315deg);
        width: 40px;
        padding-bottom: 2px;
        padding-left: 2px;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
      }
      th.rotate > div > span {
        padding: 5px 10px;
      }






    @media print {
        .hidden-print {
            display: none !important;
        }

        .page-break {
            display: block; page-break-before: always;
        }
    }

    .modal_overlay {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 5vw;
        left: 33vw;
        background: rgba(220, 220, 180, 0.90);
        z-index: 99999;
        height: 20%;
        width: 33%;
        border-style: solid;
        border-width: 2px;
        border-color: #505050;
        display: none;
    }
    .xxmodal_content {
        position: absolute;
        height: 90%;
        width: 90%;
        margin: 4px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(220, 220, 180, 0.80);
        padding: 20px;
        border-style: solid;
        border-width: 5px;
        border-color: #ff0000;
    }

    input[type="text"] {
        background-color: #f0f0e0;
    }

    input {
        padding: 1px;
        border: 1px solid;
    }

    input[readonly]
    {
        background-color: #e0a0a0;
    }

    textarea {
        resize: both;
        border: 1px solid;
        background-color: #f0f0e0;
    }

    select {
        background-color: #f0f0e0;
    }

    .date_input {
        background-color:rgb(246, 235, 202);
    }


    .nowrap {
            white-space: nowrap;
        }